import { Dimensions } from "react-native";

const { width, scale } = Dimensions.get('window')
const ratio = width * scale / 1080

const titleStyleLeft = {
    fontSize: 16,
    fontFamily: 'SourceHanSansCN-Medium, SourceHanSansCN',
    fontWeight: '500',
    lineHeight: 24,
    color: '#CACACA'
}

const titleStyleCenter = {
    fontSize: 18,
    fontFamily: 'SourceHanSansCN-Medium, SourceHanSansCN',
    fontWeight: '500',
    lineHeight: 27,
    color: '#2C2C2C'
}

const titleStyleCenterWhite = {
    fontSize: 18,
    fontFamily: 'SourceHanSansCN-Medium, SourceHanSansCN',
    fontWeight: '500',
    lineHeight: 27,
    color: '#FFFFFF'
}

const titleStyleRight = {
    fontSize: 14,
    fontFamily: 'SourceHanSansCN-Medium, SourceHanSansCN',
    fontWeight: '500',
    lineHeight: 21,
    color: '#0069F6'
}

const walletStandardProps = {
    title: "备份助记词",
    isshowlefticon: false,
    isshowrighticon: false,
    isTitleCenter: false,
}

const sectokenNoSafeProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/no_profile_logo.png'),
    imgLeftStyle: {
        width: 40 * ratio,
        height: 40 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: false,
    title: "No Safe loaded",
    titleStyle: titleStyleLeft
}

const sectokenHaveSafeProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgRightPath: require('@/assets/safe/add.png'),
    imgLeftPath: require('@/assets/safe/left.png'),
    imgRightStyle: {
        width: 20 * ratio,
        height: 20 * ratio
    },
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: true,
    isTitleCenter: true,
    title: "Safe Wallet",
    titleStyle: titleStyleCenter
}

const sectokenCreateProps = {
    backgroundColor: '#F7F7F7',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Create Safe",
    titleStyle: titleStyleCenter
}

const sectokenImportProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Import Safe",
    titleStyle: titleStyleCenter,
    rightTitle: 'Next',
    rightTitleStyle: titleStyleRight
}

const sectokenPayWithProps = {
    backgroundColor: '#F7F7F7',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Deployment Account",
    titleStyle: titleStyleCenter
}

const sectokenAccountChangeProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Safe Wallet",
    titleStyle: titleStyleCenter
}

const sectokenAccountSettingProps = {
    backgroundColor: '#F7F7F7',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Safe Settings",
    titleStyle: titleStyleCenter
}

const sectokenAccountSettingEditProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Safe Settings",
    titleStyle: titleStyleCenter,
    rightTitle: 'Save',
    rightTitleStyle: titleStyleRight
}

const sectokenNetWorkFeeProps = {
    backgroundColor: '#FFFFFF',
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 10 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    title: "Edit transaction fee",
    titleStyle: titleStyleCenter,
    rightTitle: 'Save',
    rightTitleStyle: titleStyleRight
}

const sectokenCommonCenterProps = {
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left.png'),
    imgLeftStyle: {
        width: 8 * ratio,
        height: 16 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    titleStyle: titleStyleCenter
}

const sectokenCommonCenterWhiteProps = {
    barStyle: 'dark-content',
    imgLeftPath: require('@/assets/safe/left_white.png'),
    imgLeftStyle: {
        width: 25 * ratio,
        height: 25 * ratio
    },
    isShowLeftIcon: true,
    isShowRightIcon: false,
    isTitleCenter: true,
    titleStyle: titleStyleCenterWhite
}

export {
    walletStandardProps,
    sectokenNoSafeProps,
    sectokenHaveSafeProps,
    sectokenCreateProps,
    sectokenPayWithProps,
    sectokenImportProps,
    sectokenAccountChangeProps,
    sectokenAccountSettingProps,
    sectokenAccountSettingEditProps,
    sectokenCommonCenterProps,
    sectokenNetWorkFeeProps,
    sectokenCommonCenterWhiteProps
}